<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>瀑布流图片展示</title>
<style type="text/css">
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
#box{margin: 0 auto;position: relative;}
.item {box-shadow: 2px 2px 2px #999;position: absolute;}
</style>
</head>
<body>
<div id="box">
    <div class="item"><img src="images/01.jpg"></div>
    <div class="item"><img src="images/02.jpg"></div>
    <div class="item"><img src="images/03.jpg"></div>
    <div class="item"><img src="images/04.jpg"></div>
    <div class="item"><img src="images/05.jpg"></div>
    <div class="item"><img src="images/06.jpg"></div>
    <div class="item"><img src="images/07.jpg"></div>
    <div class="item"><img src="images/08.jpg"></div>
    <div class="item"><img src="images/09.jpg"></div>
    <div class="item"><img src="images/10.jpg"></div>
    <div class="item"><img src="images/11.jpg"></div>
    <div class="item"><img src="images/12.jpg"></div>
    <div class="item"><img src="images/13.jpg"></div>
    <div class="item"><img src="images/14.jpg"></div>
    <div class="item"><img src="images/15.jpg"></div>
    <div class="item"><img src="images/16.jpg"></div>
    <div class="item"><img src="images/17.jpg"></div>
</div>
<script>

</script>
</body>
</html>
